<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
        <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
        <title> NCE_fill of NIO_PLM_CRCA </title>
        <!-- Bootstrap -->
        <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
        <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
        <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
        <!--[if lt IE 9]>
        <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
        <style>
            body {
                /* padding-bottom: 30px; */
            }
            /* 全局样式 */
            .glo_fontCN {
                font-family: PingFangSC;
            }
            .glo_fontEN {
                font-family: BlueSkyStandard;
            }
            .glo_fontLt {
                font-weight: 300;
            }
            .glo_fontSB {
                font-weight: 500;
            }
            .glo_fontBd {
                font-weight: 700;
            }
            .glo_font_333 {
                color: #333333;
            }

            /* 分区样式 */
            /* nav区 */
            .nav_container {
                padding: 0 40px;
                margin: 0;
                height:120px;
            }
            .logo_img {
                padding: 40px 0;
            }
            .nav_title_div {
                text-align: center;
            }
            .nav_font_title {
                font-weight: bold;
                font-size: 30px;
                font-family: BlueSkyStandard;
                letter-spacing:0px;
                line-height: 36px;
            }
            .nav_font_sub {
                font-weight: bold;
                font-size: 18px;
                font-family: BlueSkyStandard;
                letter-spacing:0px;
                line-height: 22px;
            }
            /* main区 */
            .con_gtit_sty {
                background: #F8F8F8;
                height: 60px;
                font-size: 18px;
            }
            .con_gtit_fontCN {
                font-family: PingFangSC;
                font-weight: bold;
                display: inline-block;
                transform: translate(25px,15px);
            }
            .con_gtit_fontEN {
                font-family: BlueSkyStandard;
                font-weight: bold;
                display: inline-block;
                transform: translate(25px,16px);
            }
            .con_input_sty {
                width: 90%;
                height: 40px;
                border-radius: 2px;
                border: 1px #ECECEC solid;
            }
            .con2_ppp_sty {
                position: absolute;
                top: 18px;
                left: 140px;
            }
            .con2_cal_sty {
                position: absolute;
                top: 7px;
                left: 176px;
            }
            .con_inputL_sty {
                width: 98%;
                height: 40px;
                border-radius: 2px;
                border: 1px #ECECEC solid;
            }
            .con_textarea_sty {
                resize: none;
                margin-top: 20px;
                width: 94.5%;
                height: 80px;
                border-radius: 2px;
                border: 1px solid #ECECEC;
            }
            .textarea_ph_sty {
                position: absolute;
                top:26px;
                left: 19px;
                color: #D8D8D8;
            }
            #row_6 input[type=checkbox], 
            #row_7 input[type=checkbox], 
            #row_8 input[type=checkbox] { margin-right: 7px; }
            .con_btn_sty {
                display: inline-block;
                height: 50px;
                line-height: 50px;
                padding: 0 111px;
                border: 1px solid #C3C3C3;
                border-radius: 4px;
                color: #999999;
            }
            .con_btnmarg_sty { margin: 90px 0 130px 0; }

            /* 以下是共用功能样式 */
            /* .width_imp { width: 1920px !important; } */
            .h_50 { height: 50px; }
            .h_70 { height: 70px; }
            .h_120 { height: 120px; }

            .margtp_24 { margin-top: 24px; }
            .margtp_40{ margin-top: 40px; }
            .margtp_10 { margin-top: 10px; }
            .margtp_15 { margin-top: 15px; }
            .margrt_20 { margin-right: 20px; }
            .margrt_38 { margin-right: 38px; }
            .margbtm_0 { margin-bottom: 0px; }
            .marglft_60 { margin-left: 60px; }
            
            .paddlft_0 { padding-left: 0px; }

            .hcenter { text-align: center; }
            .hright { text-align: right; }
            .hleft { text-align: left; }
            .vcenter { vertical-align: middle; }
            .vtop { vertical-align: top; }
            .vbottom { vertical-align: bottom; }

            .posi_rela { position: relative; }
            .dis_inlbk { display: inline-block; }
            #main_con .colo_red { color: red }

            /* 单选自修改 */
            input[type="checkbox"] {
                position: relative;
                opacity: 0;
                transform: translateY(2px);
                z-index: 2;
                width: 15px;
                height: 15px;
            }
            input[type="checkbox"]+label { 
                font-weight: 400;
                padding-left: 6px;
            }
            input[type="checkbox"]+label:before { 
                content: "";
                position: absolute;
                z-index: 1;
                top: 1px;
                left: -22px;
                width: 15px;
                height: 15px;
                border: 1px #DCDCDC solid;
                border-radius: 2px;
                cursor: pointer;
            }
            input[type="checkbox"]:checked+label:after {
                content: "";
                position: absolute;
                top: 1px;
                left: -22px;
                width: 15px;
                height: 15px;
                background: url("../yhe_resource/nike.png") no-repeat center  #00BEBE;
                border-radius: 2px;
            }

            /* 以下是自适应:  作用于 wrap/各con */
            @media screen and (max-width: 1500px) {
                .width_imp {
                    width: 1200px !important;
                    margin: 0 auto 0;
                }
            }
            @media screen and (max-width: 1920px) {
                .width_imp {
                    width: 80%;
                    margin: 0 auto 0;
                }
            }
            @media screen and (min-width: 1921px) {
                .width_imp {
                    width: 1920px !important;
                    margin: 0 auto 0;
                }
            }

            

            /* CSS 施工区 */
            
            
            
            
            
            
            
            
            
            
            


        </style>
    </head>
    <body>
        <div id="wrap" class="width_imp">
            <!-- 以下 nav 内容 -->
            <div id="nav_con" class="container nav_container width_imp">
                <div class="row">
                    <div class="col-xs-2">
                        <div class="logo_img">
                            <!-- <img id="logo_img" src="../yhe_resource/nio_logo_000000.png" /> -->
                            <img id="logo_img" src='data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAAAoCAYAAAAiyK7sAAAAAXNSR0IArs4c6QAABv1JREFUeAHt
                                mXnIVkUUxjU/wy23sjBDUSwri9SiwEovSEnZJirtZBYR0gYhLSBZamRohX8YZITZHxUqlBtGBZXt
                                qyUtVNqGVlRampUt1u/R78Z8w5l75973vt+X+R543jtz5pwzc+eZ7c7bvl3t0p0QR4JeoEczOvHc
                                1owfeX4DPgZ/gYb8h3pgOG2ZDd4Cu8DfEdiOzRPgaiDSG9KGPXASda8CMcRl2fxEjJmgN2hIK/bA
                                QOpaA7LIKVOm5Xc66AAaUuceOI/4W0EZomJ9niN+X9CQOvRAEzHvAbFk1Gr3LXWNqcN77PMhH25F
                                EtNBsLNBZrXj7s42IDElUweh46p9nX0z2tQ2JDElcxNt6L9vdn81bz2CMPpoTzu0LZ+v0o721bzW
                                XhelKy3uVqTVfketxfmUIgHqbHsZ8ReXrONy/A53fDVA3wNLHF1MUgew0UCHv1QeJLExzfDsAqaA
                                Qx2dbrPmO/ms5DAKJ4BxYDA4AEh0ibIB6Nt9GXgH5Mr5WFQ1A/+oKNZm4hQamc5bPhVow0Po93Ps
                                spLqVGuFSjynueT9vlvv2VjZo1Dqtsv3DeWXYzvUCpTqOpP4AoQC5Olfwld76xDQCUh6g1FgDvgO
                                5MUIlesqsIyEiFQ990YGPAM7q12J57/CsMsj8lJ8fjX8rPpc3W/4aLUx5QK0rnFsWuSfbkZsqdSs
                                mgms0Z1X1xb8OrYMF5XLIlJ13hAR5UxsrPYlnu9Kwy6LyFsMe6ueLN10rw27s0tLBH4BnwOtYBk6
                                kb4DZDXQKhubETNUlEekBtWEkHOzvh5ETiL2LmC9Z1HdhW77tVEX7dyP8Cn7D8Z4fIvOzIVugyPT
                                eUSq07S0jcyIVzWRB1PXNhAiTDzoUHMHmAEeB/quDtn/TFlfsFsm8hsytPQi4dg9rqV/7ytYp/bY
                                2ANK2qgYIvV+34MjUifvWTWRC4hv9al0q0E/r35l+4AlIOT3gIwkWcEt50f2uNX0q8ZtB1b8kK5/
                                wRpjiVR9G4Bmiy9VEqlPip3Aej8N7Dy5DQPL93f0PTXKj86L4JXrqF2raIYtLhjk3yWkoF+M+SCM
                                VoAuMcYlbTQo9jd8P0B3k6H3VbNQvOYryesgeJaI1EvEyqcYvhtrnGOnA1YR0SyuVT4kgGaqJSei
                                fAx0sAor0CWBGLei10zNE21p0wJGiYjsESi01LHfX5avr3sexdu+MiPfOaMstkgXFZPAuoDD2ehj
                                b2MCIYLqwwIlTwf0llrf678YBf2aUE4B7Y3CVKV1WSNG+4hOSfoY1RKkQVBWNLo2g9FgGDgIqC1Z
                                8npWYYEy7c1a5nSXa+27U9Hr+/huUKVYK4pOsBYxoXr12aJtaYBn0Eedp+NujOgbULbdYowjbTTC
                                xgEdsVtTvqYykfki6GlUfBe6r0CV7dLFhi86AGnf1IElVnRj5suW2Fmlq6rloEoS1ZiTwTPA6kyV
                                11PeJ/h4YHWiVqhFIAFViVYgX1TPqb4yIz+CMpHvixXbt2knEnW/Zx19q9K9QfyqydShxm+fdVC7
                                CLuiNy0JPq6sJOPXtd41IK0tybdRXqtC7IRaFYhxFfpMaQ0S05ermsxYItUBN4O0HTHPRE6OxBCp
                                c8CfwIo/zYkVSl4Z8NV545CQk/StSWL6cm9Sb1UzswiRet/7QdqOvGciB0diiJT5o8CKrRVhAbC2
                                Lv2bpIOXCLN8l6IPig4C9V5OrUZJJzJ7BVsWX1CUSH0/6lIg1C5Xn3jNiCVyIH47M+rQAWsemAIm
                                Ax26NgK3bjet/X0wMKUtSUwbWQWZRYlUZ3QFWuLTdoSeCTauxBIpn+tAKG5R/Y1uI9x0FSQuIuAV
                                QP+QFG2Ya18rmWWIpMm795usWaA2JjJ0pAiRciuyjLt94qYXOvW3SFZBojtCtNe9AtzKi6ZrIdMi
                                cl2LNw5nhlD0Q0bbE8+1KJH67JgOip6W1X/yuR0ohikz0BbtaNf+eiOqvnleriGu9ulBRtwYlUXk
                                shjHZht94+4A7jum6aTZJn0UJTL1G0NC15Rp3LynBuJpqbP7bHIyc0hPBgMcXWxSJM43jLejGwvW
                                gJFGeZ5qLgZa5sqILjA+cRw1w3QyjBXdOp0ALga6j3ZnwCbyrojIz10F6ZiP9GexOx6cAyYCrYq9
                                gStbyawGGoRPAs3IXDkXi7xR4Zdr884TzUx1jO+blf8M+y55gf+H5SJyKDgG+KQWet15WGd1sFsW
                                Q2JaeREydZE8PHVsPMv1QAfcNOVdwqz0tSXCx5J5SYnYDRejB7qjWwssAqUrQ2JaTRaZWv9riZ3W
                                0Xg6PaD9SYcUn8wqOlpk6rLYja17yMmgIXXogY7EnA3Se75rKqzDJfNL4iYVxm6ECvTAKPS6fa9a
                                uhFwFqjqorzq9u018f4BSsB/gPWLhW4AAAAASUVORK5CYII='/>
                        </div>
                    </div>
                    <div class="col-xs-8">
                        <div class="nav_title_div">
                            <h2 class="nav_font_title">ENGINEERING CHANGE NOTIFICATION</h2>
                            <span class="nav_font_sub">DOCUMENT AUTHORISES SUPPLIER KICK-OFF</span>
                        </div>
                    </div>
                    <div class="col-xs-2 hright">
                        <div class="nav_font_sub margtp_40">
                            CA No. 122839
                        </div>
                    </div>
                </div>
            </div>

            <!-- 以下表单内容 -->
            <form action="" method="">
                <div id="main_con" class="container width_imp">
                    <!-- A group title -->
                    <div class="row">
                        <div class="col-xs-12 con_gtit_sty">
                            <div>
                                <div class="con_gtit_fontCN">基础信息</div>&nbsp;&nbsp;
                                <div class="con_gtit_fontEN">BASIC INFORMATION</div>
                            </div>
                        </div>
                    </div>
                    <!-- row  1  group content -->
                    <div class="row h_70 glo_fontEN glo_font_333">
                        <div class="col-xs-2 glo_fontBd margtp_24 hright">
                            <div>SMT Team</div>
                        </div>
                        <div class="col-xs-2 glo_fontLt margtp_24 paddlft_0">
                            <div>Responsible Organization</div>
                        </div>
                        <div class="col-xs-2 glo_fontBd margtp_24 hright">
                            <div>Creation Date</div>
                        </div>
                        <div class="col-xs-2 glo_fontLt margtp_24 paddlft_0">
                            <div>CA:Creation Date</div>
                        </div>
                        <div class="col-xs-2 glo_fontBd margtp_24 hright">
                            <div>Change Owner</div>
                        </div>
                        <div class="col-xs-2 glo_fontLt margtp_24 paddlft_0">
                            <div>CA:Creation Date</div>
                        </div>
                    </div>
                    <!-- row  2  group content -->
                    <div class="row h_70 glo_fontEN glo_font_333">
                        <div class="col-xs-2 glo_fontBd hright paddlft_0">
                            <div><span class="colo_red">*&nbsp;</span>Requested by</div>
                            <div>(People Name,Dep,Name)</div>
                        </div>
                        <div class="col-xs-2 paddlft_0">
                            <div>
                                <input type="text" name="requested_by" class="con_input_sty"/>
                            </div>
                            <img id="ppp" src="../yhe_resource/ppp.png" class="con2_ppp_sty" />
                        </div>
                        <div class="col-xs-2 glo_fontBd hright paddlft_0">
                            <div class="glo_fontCN">需求断点</div>
                            <div>Requested Breakpoint</div>
                        </div>
                        <div class="col-xs-2 paddlft_0">
                            <div>
                                <select name="requested_breakpoint" class="con_input_sty">
                                    <option value="item1">item1</option>
                                    <option value="item2">item2</option>
                                    <option value="item3">item3</option>
                                    <option value="item4">item4</option>
                                </select>
                            </div>
                            <img id="cal" src="../yhe_resource/calenda.png" class="con2_cal_sty" />
                        </div>
                        <div class="col-xs-2 glo_fontBd hright paddlft_0">
                            <div class="glo_fontCN"><span class="colo_red">*&nbsp;</span>确认断点</div>
                            <div>Agree Breakpoint</div>
                        </div>
                        <div class="col-xs-2 paddlft_0">
                            <div>
                                <select name="agree_breakpoint" class="con_input_sty">
                                    <option value="item1">item1</option>
                                    <option value="item2">item2</option>
                                    <option value="item3">item3</option>
                                    <option value="item4">item4</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <!-- B group title -->
                    <div class="row">
                        <div class="col-xs-12 con_gtit_sty">
                            <div>
                                <div class="con_gtit_fontCN">项目信息</div>&nbsp;&nbsp;
                                <div class="con_gtit_fontEN">PROJECT INFORMATION</div>
                            </div>
                        </div>
                    </div>
                    <!-- row  3  group content -->
                    <div class="row h_70 glo_fontEN glo_font_333">
                        <div class="col-xs-2 glo_fontBd hright paddlft_0 margtp_15">
                            <div class="glo_fontCN"><span class="colo_red">*&nbsp;</span>项目</div>
                            <div>Related Project</div>
                        </div>
                        <div class="col-xs-2 glo_fontLt paddlft_0 margtp_15">
                            <div class="margtp_10">Related Project</div>
                        </div>
                        <div class="col-xs-2 glo_fontBd hright paddlft_0 margtp_15">
                            <div class="glo_fontCN"><span class="colo_red">*&nbsp;</span>是否有关联变更</div>
                            <div>Change Coordinated</div>
                        </div>
                        <div class="col-xs-2 paddlft_0 margtp_15">
                            <div>
                                <select name="change_coordinated" class="con_input_sty">
                                    <option value="item1">item1</option>
                                    <option value="item2">item2</option>
                                    <option value="item3">item3</option>
                                    <option value="item4">item4</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-xs-2 glo_fontBd hright paddlft_0 margtp_15">
                            <div class="glo_fontCN">关联变更号</div>
                            <div>Related CR No.</div>
                        </div>
                        <div class="col-xs-2 glo_fontLt paddlft_0 margtp_15">
                            <div class="margtp_10">Related Project</div>
                        </div>
                    </div>
                    <!-- row  4  group content -->
                    <div class="row h_70 glo_fontEN glo_font_333">
                        <div class="col-xs-2 glo_fontBd hright paddlft_0 margtp_15">
                            <div class="glo_fontCN"><span class="colo_red">*&nbsp;</span>变更标题</div>
                            <div>CR Title</div>
                        </div>
                        <div class="col-xs-10 paddlft_0 margtp_15">
                            <div>
                                <input type="text" name="cr_title" class="con_inputL_sty"/>
                            </div>
                        </div>
                    </div>
                    <!-- row  5  group content -->
                    <div class="row h_70 glo_fontEN glo_font_333">
                        <div class="col-xs-2 glo_fontBd hright paddlft_0 margtp_15">
                            <div class="glo_fontCN"><span class="colo_red">*&nbsp;</span>变更目录</div>
                            <div>Change Category</div>
                        </div>
                        <div class="col-xs-2 paddlft_0 margtp_15">
                            <div>
                                <select name="change_category" class="con_input_sty">
                                    <option value="item1">item1</option>
                                    <option value="item2">item2</option>
                                    <option value="item3">item3</option>
                                    <option value="item4">item4</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-xs-2 glo_fontBd hright paddlft_0 margtp_15">
                            <div class="glo_fontCN"><span class="colo_red">*&nbsp;</span>变更来源</div>
                            <div>Issue Source</div>
                        </div>
                        <div class="col-xs-2 paddlft_0 margtp_15">
                            <div>
                                <select name="issue_source" class="con_input_sty">
                                    <option value="item1">item1</option>
                                    <option value="item2">item2</option>
                                    <option value="item3">item3</option>
                                    <option value="item4">item4</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-xs-2 glo_fontBd hright paddlft_0 margtp_15">
                            <div class="glo_fontCN"><span class="colo_red">*&nbsp;</span>关联问题号</div>
                            <div>Related Issue No.</div>
                        </div>
                        <div class="col-xs-2 paddlft_0 margtp_15">
                            <div>
                                <select name="related_issue_no" class="con_input_sty">
                                    <option value="item1">item1</option>
                                    <option value="item2">item2</option>
                                    <option value="item3">item3</option>
                                    <option value="item4">item4</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <!-- C group title -->
                    <div class="row">
                        <div class="col-xs-12 con_gtit_sty">
                            <div>
                                <div class="con_gtit_fontCN">涉及车型</div>&nbsp;&nbsp;
                                <div class="con_gtit_fontEN">MODELS AFFECTED</div>
                            </div>
                        </div>
                    </div>
                    <!-- row  6  group content -->
                    <div id="row_6" class="row h_70 glo_fontEN glo_font_333">
                        <div class="col-xs-2 glo_fontBd hright paddlft_0 margtp_15">
                            <div><span class="colo_red">*&nbsp;</span>车型</div>
                            <div>Vehicles</div>
                        </div>
                        <div class="col-xs-2 paddlft_0 margtp_15">
                            <div>
                                <input name="vehicles" type="text" class="con_input_sty"/>
                            </div>
                            <img id="ppp" src="../yhe_resource/ppp.png" class="con2_ppp_sty" />
                        </div>
                        <div class="col-xs-2 glo_fontBd hright paddlft_0 margtp_15">
                            <div class="glo_fontCN"><span class="colo_red">*&nbsp;</span>配置</div>
                            <div>Options</div>
                        </div>
                        <div class="col-xs-2 paddlft_0 checkbox_group">
                            <p class="margbtm_0 margrt_20"><input type="checkbox" name="options" value="signature"/><label class="chbox_label posi_rela">Signature</label></p>
                            <p class="margbtm_0 margrt_20"><input type="checkbox" name="options" value="option_packs"/><label class="chbox_label posi_rela">Option Packs</label></p>
                            <p class="margbtm_0 margrt_20"><input type="checkbox" name="options" value="standard"/><label class="chbox_label posi_rela">Standard</label></p>
                        </div>
                        <div class="col-xs-2 glo_fontBd hright paddlft_0 margtp_15">
                            <div class="glo_fontCN"><span class="colo_red">*&nbsp;</span>自制或厂外件</div>
                            <div>In house or Out source</div>
                        </div>
                        <div class="col-xs-2 paddlft_0 margtp_15">
                            <p class="margbtm_0 margrt_20"><input type="checkbox" name="in_out" value="inhouse"/><label class="chbox_label posi_rela">Inhouse</label></p>
                            <p class="margbtm_0 margrt_20"><input type="checkbox" name="in_out" value="outsourced"/><label class="chbox_label posi_rela">Outsourced</label></p>
                        </div>
                    </div>
                    <!-- row  7  group content -->
                    <div id="row_7" class="row h_70 glo_fontEN glo_font_333">
                        <div class="col-xs-2 glo_fontBd hright paddlft_0 margtp_15">
                            <div><span class="colo_red">*&nbsp;</span>涉及工厂</div>
                            <div>Affected Plant</div>
                        </div>
                        <div class="col-xs-2 paddlft_0 margtp_15">
                            <p class="margbtm_0 margrt_20"><input type="checkbox" name="affected_plant" value="jac"/><label class="chbox_label posi_rela">JAC</label></p>
                            <p class="margbtm_0 margrt_20"><input type="checkbox" name="affected_plant" value="pilot"/><label class="chbox_label posi_rela">Pilot</label></p>
                        </div>
                    </div>

                    <!-- D group title -->
                    <div class="row">
                        <div class="col-xs-12 con_gtit_sty">
                            <div>
                                <div class="con_gtit_fontCN">涉及SMT</div>&nbsp;&nbsp;
                                <div class="con_gtit_fontEN">SMT TEAMS AFFECTED</div>
                            </div>
                        </div>
                    </div>
                    <!-- row  8  group content -->
                    <div id="row_8" class="row h_70 glo_fontEN glo_font_333">
                        <div class="col-xs-12 glo_fontBd margtp_15">
                            <p class="margbtm_0 margrt_38 dis_inlbk"><input type="checkbox" name="smts" value="chassis"/><label class="chbox_label posi_rela">Chassis</label></p>
                            <p class="margbtm_0 margrt_38 dis_inlbk"><input type="checkbox" name="smts" value="body"/><label class="chbox_label posi_rela">Body</label></p>
                            <p class="margbtm_0 margrt_38 dis_inlbk"><input type="checkbox" name="smts" value="electrical"/><label class="chbox_label posi_rela">Electrical and HMI</label></p>
                            <p class="margbtm_0 margrt_38 dis_inlbk"><input type="checkbox" name="smts" value="fastener"/><label class="chbox_label posi_rela">Fastener</label></p>
                            <p class="margbtm_0 margrt_38 dis_inlbk"><input type="checkbox" name="smts" value="interior"/><label class="chbox_label posi_rela">Interior</label></p>
                            <p class="margbtm_0 margrt_38 dis_inlbk"><input type="checkbox" name="smts" value="e_powertrain"/><label class="chbox_label posi_rela">E-Powertrain</label></p>
                            <p class="margbtm_0 margrt_38 dis_inlbk"><input type="checkbox" name="smts" value="connected_vehicle"/><label class="chbox_label posi_rela">Connected Vehicle</label></p>
                            <p class="margbtm_0 margrt_38 dis_inlbk"><input type="checkbox" name="smts" value="others"/><label class="chbox_label posi_rela">Others</label></p>
                        </div>
                    </div>

                    <!-- E group title -->
                    <div class="row">
                        <div class="col-xs-12 con_gtit_sty">
                            <div>
                                <div class="con_gtit_fontCN">变更原因</div>&nbsp;&nbsp;
                                <div class="con_gtit_fontEN">REASON FOR CHANGE</div>
                            </div>
                        </div>
                    </div>
                    <!-- row  9  group content -->
                    <div class="row h_120 glo_fontEN glo_font_333 hcenter posi_rela">
                        <textarea name="change_reason" placeholder="请写明您的变更原因" class="con_textarea_sty"></textarea>
                        <span class="textarea_ph_sty colo_red">*&nbsp;</span>
                        <!-- <div><span class="colo_red">*&nbsp;</span>涉及工厂</div> -->
                    </div>

                    <!-- F group title -->
                    <div class="row">
                        <div class="col-xs-12 con_gtit_sty">
                            <div>
                                <div class="con_gtit_fontCN">变更方案</div>&nbsp;&nbsp;
                                <div class="con_gtit_fontEN">PROPOSED CHANGE</div>
                            </div>
                        </div>
                    </div>
                    <!-- row  10  group content -->
                    <div class="row h_120 glo_fontEN glo_font_333 hcenter posi_rela">
                        <textarea name="change_plan" placeholder="请写明您的变更方案" class="con_textarea_sty"></textarea>
                        <span class="textarea_ph_sty colo_red">*&nbsp;</span>
                    </div>

                    <!-- 底部按钮 -->
                    <div class="row h_50 con_btnmarg_sty glo_fontEN glo_font_333 hcenter">
                        <div class="posi_rela">
                            <div id="form_k" class="con_btn_sty">Done</div>
                            <!-- <input type="submit" value="Done" class="con_btn_sty" disabled/> -->
                            <div id="form_x" class="con_btn_sty marglft_60">Cancel</div>
                        </div>
                    </div>
                </div>
            </form>
        </div>



        <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
        <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
        <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
        <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
        <script>

            $(document).ready(function(){
                // $("#t1").on("focus", function(){
                //     console.log("...");
                // });

            });
        </script>
    </body>
</html>